<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>input的type各种类型(xhtml)</title>
		<style>
			form{margin:100px 10px;padding:10px;width:80%;background-color:#DDD}
			form h2{text-align:center;font-family:"微软雅黑";}
			ul li{margin:10px;padding:5px;background-color:#BBB}
			ul li label span{width:20em;display:inline-block;}
		</style>
		<script>
			//here is JavaScript
			window.onload = function(){
				var g = document.getElementById;
				g("myform").onsubmit = function(){
					alert("提交事件!\r\n后面return false了");
					return false;
				}
			}
		</script>
	</head>
	<body>
		<form id="myform" action="action.html" method="GET">
			<h2>&lt;input type="***"&gt;的各种表现形式和作用</h2>
			<ul>
				<li><label>
						<span>&lt;input /&gt;</span><input />
					</label></li>
				<li><label>
						<span>&lt;input type="text" /&gt;</span><input type="text" />
					</label></li>
				<li><label>
						<span>&lt;input type="password" /&gt;</span><input type="password" />
					</label></li>
				<li><label>
						<span>&lt;input type="button" value="按钮" /&gt;</span><input type="button" value="按钮"/>
					</label></li>
				<li><label>
						<span>&lt;input type="radio" /&gt;</span><input type="radio" />
					</label></li>
				<li><label>
						<span>&lt;input type="checkbox" /&gt;</span><input type="checkbox" />
					</label></li>
				<li><label>
						<span>&lt;input type="file" /&gt;</span><input type="file" />
					</label></li>
				<li><label>
						<span>&lt;input type="reset" /&gt;</span><input type="reset" />
					</label></li>
				<li><label>
						<span>&lt;input type="submit" /&gt;</span><input type="submit" />
					</label></li>
				<li><label>
						<span>&lt;input type="hidden" /&gt;</span><input type="hidden" />
					</label></li>
				<li><label>
						<span>&lt;input type="image" /&gt;</span><input type="image" src="http://img.baidu.com/img/image/ilogos.gif"/>
					</label></li>
				<li><label>
						<span>&lt;button&gt;这个是button&lt;/button&gt;</span>
						<button>这个是button</button>
					</label></li>
			</ul>
		</form>
	</body>
</html>
